<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>/* 选择body中的所有标签 */
			*
			{
				/* border: 1px solid orangered; */
				margin: 0px;
				padding: 0px;  /* 所有外边距跟内边距都为0 */
			}
			.introduce
			{
				width: 388px;
				height: 298px;
				border: 1px solid #3b99fc;
				/* margin: 0 auto; */
				/* margin: auto 0;  */ /* 在高度这方面没办法去居中 */
				float: left;
			}
			h3{   /* 是块标签 */
				height: 40px;  
				background-color: #3B99FC;
				text-align: center;  /* 内部所有文字居中 */
				line-height: 40px;    /* 上下都居中了 */
			}
			.introduce ul{
				/* border: 1px solid greenyellow; */
				 margin-left: 50px; 
				 margin-top: 30px;
			}
			.introduce a{
				text-decoration: none;   /* 取消下划线 */
				font-size: 14px;
				color: darkgray;
			}
			.introduce li   /* li也是块标签 */
			{
				 height: 40px; 
				 list-style: none;   /* 去掉小点 */
				 list-style-image: url();   //这个图片能修改吗
			}
			.introduce a:hover   /* 当鼠标悬停时 */
			{
				color: black;
			}
			.c1
			{
				width:1192px ;
				height: 300px;
				border: 1px solid green;
				margin: 0 auto;
			}
			#i1,#i2
			{
				margin-right: 10px;    /* 1,2离右边都是10px */
			}
			
		</style>
	</head>
	<body>
		<div class="c1">
		<div id="i1" class="introduce">
			<h3>最新发布</h3>
			<ul>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
			</ul>
		</div>
		<div id="i2" class="introduce">
			<h3>最新发布</h3>
			<ul>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
			</ul>
		</div>
		<div class="introduce">
			<h3>最新发布</h3>
			<ul>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
				<li><a href="">林润钿喜欢</a></li>
			</ul>
		</div>
		</div>
	</body>
</html>